﻿@model Infinity.Models.Users

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

   

      <html>
    <head>
        <title>LOGIN</title>
        <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
            <link rel="icon" type="img/png" href="img/favicon.png">
            <link href="~/Content/css/bootstrap.css" rel="stylesheet" />
            <link href="~/Content/font-awesome-4.3.0/css/font-awesome.css" rel="stylesheet" type="text/css" />
            <link href="~/Content/css/mystyle.css" rel="stylesheet" type="text/css" />
            <link href="~/Content/input/normalize.css" rel="stylesheet" type="text/css" />
            <link href="~/Content/input/set1.css" rel="stylesheet" type="text/css" />
            <link href="~/Content/Site.css" rel="stylesheet" />
            <script src="~/Scripts/jquery-1.8.2.min.js"></script>
            <script src="~/Scripts/jquery.validate.min.js"></script>
            <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

    </head>
    <body class="body-login">
        
       
        	<div class="md-modal md-effect-11">
			<div class="md-content">
				
				<div class="col-md-12 text-center model-mar">
<!--                                    <h5>LOGIN TO YOUR SYSTEM</h5>-->
					<span class="input input--hideo">
					<input class="input__field input__field--hideo" type="text" placeholder="USER NAME" id="UserName" name="UserName"/>
					<label class="input__label input__label--hideo" for="input-41">
						<i class="fa fa-fw fa-user icon icon--hideo"></i>
						<span class="input__label-content input__label-content--hideo">Username</span>
					</label>
				</span>
                     @Html.ValidationMessageFor(model => model.UserName,"*")
                                    <br>
				<span class="input input--hideo">
                                    <input class="input__field input__field--hideo" type="password" placeholder="PASSWORD" id="Password" name="Password" />
					<label class="input__label input__label--hideo" for="input-43">
						<i class="fa fa-fw fa-lock icon icon--hideo"></i>
						<span class="input__label-content input__label-content--hideo">Password</span>
					</label>
				</span>
                      @Html.ValidationMessageFor(model => model.Password,"*")

					   <div class="col-md-12 text-center model-mar-a">
                            <input type="submit" value="Log In"  class="send-model"/>
                                      
                                    </div>
                                    <div class="col-md-12 model-mar-check">
					   <div class="col-md-6 text-center">
                                               <input type="checkbox" name="vehicle" value="Bike" class="check">&nbsp; <span>Remember Me</span>

                                                        

                                    </div>
					   <div class="col-md-6 pull-right text-center">
                                       <a class="" href="#">Forgot your password...?</a>

                                    </div>
				</div>
				</div>
			</div>
		</div>
    
        
        <!--js-->
        <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.js" type="text/javascript"></script>
             <!--input--js-->
        <script src="input/classie.js" type="text/javascript"></script>
        <script>
            (function () {
                // trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
                if (!String.prototype.trim) {
                    (function () {
                        // Make sure we trim BOM and NBSP
                        var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
                        String.prototype.trim = function () {
                            return this.replace(rtrim, '');
                        };
                    })();
                }

                [].slice.call(document.querySelectorAll('.input__field')).forEach(function (inputEl) {
                    // in case the input is already filled..
                    if (inputEl.value.trim() !== '') {
                        classie.add(inputEl.parentNode, 'input--filled');
                    }

                    // events:
                    inputEl.addEventListener('focus', onInputFocus);
                    inputEl.addEventListener('blur', onInputBlur);
                });

                function onInputFocus(ev) {
                    classie.add(ev.target.parentNode, 'input--filled');
                }

                function onInputBlur(ev) {
                    if (ev.target.value.trim() === '') {
                        classie.remove(ev.target.parentNode, 'input--filled');
                    }
                }
            })();
        </script>
    </body>
</html>@*


       <div class="editor-label">
            @Html.LabelFor(model => model.UserName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.UserName)
            @Html.ValidationMessageFor(model => model.UserName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Password)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Password)
            @Html.ValidationMessageFor(model => model.Password)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>*@
   
}


